.pagination{
  margin-top: 10px;
  margin-bottom: 0;
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
  li{
    display: inline-block;
    &:first-child>a{
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
    }
    &:last-child>a{
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }
    &.active>a{
      z-index: 2;
      color: #fff;
      cursor: default;
      background-color: #428bca;
      border-color: #428bca;
    }
    a{
      position: relative;
      display: inline-block;
      width: 32px;
      height: 34px;
      text-align: center;
//      float: left;
//      padding: 6px 12px;
      margin-left: 1px;
      line-height: 34px;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid #ddd;
      color: #428bca;
//      .sr-only{
//        position: absolute;
//        width: 1px;
//        height: 1px;
//        padding: 0;
//        margin: -1px;
//        overflow: hidden;
//        clip: rect(0,0,0,0);
//        border:0
//      }
    }
  }
}